<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
	</head>
	<body>
		<table border="0" cellspacing="" cellpadding="">
			<tr>
				<td width="100px" height="100px"><img id="img" src="./img/work1/1.jpg" ></td>
			</tr>
			<tr>
				<td align="center"><button onclick="DoONclick(event)" id="btn" type="button">开始</button></td>
			</tr>
		</table>
	</body>
	<script type="text/javascript">
		function DoONclick(){
			event.target.innerText='图片更换中'
			document.getElementById('btn').disabled=true
			var img = document.getElementById('img')
			setInterval(function(){
				
				var num=Math.floor(Math.random()*10)
				img.src='./img/work1/'+num+'.jpg'
			},100)
		}
		
	</script>
</html>
